<template>
  <div class="app">
    <m-transition-router-view
      :routerType="store.getRouterType"
      
    ></m-transition-router-view>
    <tab-bar-vue v-if="isShow"></tab-bar-vue>
  </div>
</template>
<script setup>
import { useRouterStore } from '@/stores/modules/router.js'
import tabBarVue from '@/components/tab-bar/tab-bar-vant.vue'
import { useRoute } from 'vue-router'
import { watch, ref } from 'vue'
const isShow = ref(true)
const store = useRouterStore()
const route = useRoute()
watch(
  () => route,
  (newValue) => {
    if (!newValue?.meta?.isShowTab) {
      isShow.value = false
    } else {
      isShow.value = true
    }
  },
  {
    deep: true,
    immediate: true
  }
)
</script>
<style lang="scss" scoped></style>
